/*
1:最传统做法
  main.js导入
   Vue.component('组件名',导入的组件)
2:使用Vue.use方式
   创建一个js
   export default {
       install(Vue){
           Vue.component('组件名',导入的组件)
       }
   }
   在main.js导入注册
   Vue.use(js)
3:全自动注册
   自动读取文件夹内的vue组件，实现自动注册

*/
// import HmUploadExcel from '@/components/lib/HmUploadExcel/index.vue'
// export default {
//   install(Vue) {
//     Vue.component('HmUploadExcel', HmUploadExcel)
//   }
// }

export default {
  install(Vue) {
    // 1:读取lib内的所有vue文件
    //  const 返回值 =  require.context(路径,'是否读取子文件夹',匹配文件)
    const req = require.context('./', true, /\.vue$/)
    //   拿到所有的文件的路径  req本质是一个function
    // req.keys() 所有读取文件的路径
    // console.log(req.keys())
    // 2：实现自动全局注册
    req.keys().forEach((item) => {
      // 导入和注册
      // 导入 import 后面的路径不支持写变量
      // req(路径)能导入该组件类似于import
      //   req(item).default将组件导入并拿到返回值
      //   console.log(req(item).default)
      const com = req(item).default
      Vue.component(com.name, com)
    })
  }
}
